/* stylelint-disable */

.workbench_page {
    padding: 12px 16px;
    padding-bottom: 80px;
    .sid_header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 12px;
        column-gap: 5px;
        > img {
            width: 16px;
            height: 16px;
        }
        > span {
            color: rgba(23, 26, 29, 0.6);
            font-weight: 400;
            font-size: 14px;
            font-family: PingFangSC, PingFang SC;
            font-style: normal;
            line-height: 20px;
        }
        .qiehuan_icon {
            width: 12px;
            height: 12px;
            > svg {
                fill: rgba(23, 26, 29, 0.4);
            }
        }
    }

    #launchBtn {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99999;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

    .cover {
        border-radius: 8px;

        .swiper_box {
            height: 130px;
            border-radius: 8px;
            :global {
                .adm-swiper-item {
                    border-radius: 8px;
                }
                img {
                    width: 100%;
                    height: 100%;
                    background-size: 100% 100%;
                    border-radius: 8px;
                }
            }
        }
    }
    .home_nav {
        display: flex;
        flex-wrap: wrap;
        gap: 12px 5px;
        margin-top: 16px;
        .nav_item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: calc(20% - 5px);

            img {
                width: 44px;
                height: 44px;
            }
            > div {
                color: #171a1d;
                font-weight: 400;
                font-size: 12px;
                font-family: PingFangSC, PingFang SC;
                font-style: normal;
            }
        }
    }

    .training {
        margin-top: 24px;

        .training_cover {
            margin-top: 12px;
            border-radius: 8px;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .ai_seekEmployment {
        .ai_seekEmployment_cover {
            border-radius: 8px;

            img {
                width: 100%;
                height: 100%;
            }
        }
    }

    .employmentActivities {
        .employmentActiv_content {
            padding: 12px 16px;
            background-color: #fff;
            border-radius: 8px;
        }
    }
}
